@import "../../../global";

.ux-header {
    .web-header-fit;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
    position: relative;

    i.trigger {
        vertical-align: 0 !important;

        .ix-font.normal(24);
        cursor: pointer;
        transition: all .3s, padding 0s;

        &:hover {
            background: @primary-1;
        }
    }

    .right {
        float: right;
        margin-right: 16px;
        height: 100%;
        text-align: right;
    }
}